
<template>
	<view>
		<movable-area class="movable-area">
			<movable-view class="movable-view" :x="x" :y="y" direction="all">
				<!-- <image src="../static/goHome.png"></image> -->
        <view class="flex btn" @click="linkTo">
          <view>我的</view>
          <view>订单</view>
        </view>
			</movable-view>
		</movable-area>
	</view>
</template>
 
<script>
	export default {
    props:{
      hospId: {
				type: String,
				default: '',
			},
    },
		data() {
			return {
				x: 300,		//x坐标
				y: 100,		//y坐标
			}
		},
    methods:{
      linkTo(){
        uni.navigateTo({
					url: `/pages/order-list/order-list?hospId=${this.hospId}`,
					success: res => {},
					fail: () => {},
					complete: () => {},
				})
      }
    }
	}
</script>
 
<style lang="scss">
	$all_width: 96rpx;
	$all_height:96rpx;
 
	.movable-area {
		height: 100vh;
		width: 750rpx;
		top: 0;
		position: fixed;
    z-index: 100000;
		pointer-events: none;		//此处要加，鼠标事件可以渗透
		.movable-view {
      will-change: auto;
      background: #2196F3;
      border-radius: 40%;
      display: flex;
      color: #fff;
			width: $all_width;
			height: $all_height;
			pointer-events: auto;	//恢复鼠标事件
      .btn{
        flex-direction: column;
        padding-left: 26rpx;
				font-size: 24rpx;
      }
			image {
				width: $all_width;
				height: $all_height;
			}
		}
	}
</style>